<!DOCTYPE html>
<html>

<head lang='zh'>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0"/>
    <title>Luckysheet</title>

    <link rel='stylesheet' href='${ctx}/static/apls/assets/plugins/luckysheet/plugins/css/pluginsCss.css'/>
    <link rel='stylesheet' href='${ctx}/static/apls/assets/plugins/luckysheet/plugins/plugins.css'/>
    <link rel='stylesheet' href='${ctx}/static/apls/assets/plugins/luckysheet/css/luckysheet.css'/>
    <link rel='stylesheet' href='${ctx}/static/apls/assets/plugins/luckysheet/assets/iconfont/iconfont.css'/>
    <script src="${ctx}/static/apls/assets/plugins/luckysheet/plugins/js/plugin.js"></script>

    <!-- rollup luckysheet.js -->
    <script src="${ctx}/static/apls/assets/plugins/luckysheet/luckysheet.umd.js"></script>
</head>

<body>
<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
<script type="module">
    import sheetFormula from './demoData/sheetFormula.js'
    import sheetCell from './demoData/sheetCell.js'
    import sheetConditionFormat from './demoData/sheetConditionFormat.js'
    import sheetTable from './demoData/sheetTable.js'
    import sheetComment from './demoData/sheetComment.js'
    import sheetPivotTableData from './demoData/sheetPivotTableData.js'
    import sheetPivotTable from './demoData/sheetPivotTable.js'
    import sheetSparkline from './demoData/sheetSparkline.js'
    import sheetChart from './demoData/sheetChart.js'
    import sheetPicture from './demoData/sheetPicture.js'
    import sheetDataVerification from './demoData/sheetDataVerification.js'

    $(function () {
        luckysheet.create({
            container: 'luckysheet',
            lang: 'zh',
            allowEdit: true,
            forceCalculation: false,
            plugins: ['chart'],
            fontList: [
                {
                    "fontName": "HanaleiFill",
                    "url": "${ctx}/static/apls/assets/plugins/luckysheet/assets/iconfont/HanaleiFill-Regular.ttf"
                },
                {
                    "fontName": "Anton",
                    "url": "${ctx}/static/apls/assets/plugins/luckysheet/assets/iconfont/Anton-Regular.ttf"
                },
                {
                    "fontName": "Pacifico",
                    "url": "${ctx}/static/apls/assets/plugins/luckysheet/assets/iconfont/Pacifico-Regular.ttf"
                }
            ],
            data:
                [sheetCell, sheetFormula, sheetConditionFormat, sheetSparkline, sheetTable, sheetComment, sheetPivotTableData, sheetPivotTable, sheetChart, sheetPicture, sheetDataVerification]
        })

    })
</script>
</body>

</html>